.chatInboxCarContainer {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  cursor: pointer;

  .chatAvatarContainer {
    width: 45px;
    height: 45px;
    flex-shrink: 0;
  }

  .cardBody {
    margin-left: 10px;
    width: calc(100% - 45px);
    overflow: hidden;
  }

  .cardBodyLine {
    line-height: 24px;
    margin-bottom: 4px;
  }

  .cardBodyLineSmall {
    line-height: 18px;
  }

  .cardBodyLineRight {
    float: right;
    clear: right;
  }

  .cardName {
    color: black;
  }

  .cardTime {
    font-size: 12px;
    color:  rgba(0, 0, 0, 0.43);
    overflow: hidden;
    max-width: 50%;
    line-height: 21px;
  }

  .cardMessage {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color:  rgba(0, 0, 0, 0.43);
    width: 80%;
    max-width: 50vw;
    display: inline-block;
  }

  .editBtn {
    position: absolute;
    right: 12px;
    top: 16px;
    z-index: 10;
  }

  .specailConvert {
    color: rgba(255,81,25,1);
  }

  .topModeIcon {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 10px solid rgba(0,128,225,.5);
    border-left: 10px solid transparent;
  }
}